.h1 {
    text-shadow: 0 0 0.3em #fff, 0 0 0.3em #fff, 0 0 0.3em #fff;
    -webkit-text-stroke: 1px white;
    color: darkblue;
    font-size: 3.5vw;
    font-family: 'Adobe 仿宋 Std R';
    text-align: center;
    margin-top: 3%;
    margin-bottom: 2%;
}

.button {
    width: 30%;
    height: 10%;
    color: white;
    font-weight: bold;
    font-size: 2.5vw;
    background-color: #0049CA;
    margin-top: 6%;
    outline: none;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    color: #d9eef7;
    border: solid 1px #013CA2;
    background: #013CA2;
    background: -webkit-gradient(linear, left top, left bottom, from(#00008B), to(#013CA4));
    background: -moz-linear-gradient(top,  #00008B,  #013CA4);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.button:active {color: #80bed6;
    background: -webkit-gradient(linear, left top, left bottom, from(#013CA4), to(#00adee));
    background: -moz-linear-gradient(top,  #013CA4,  #00adee);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

.external {
    width: 100%;
    height: 100%;
    margin-left: 35%;
    margin-top: 5%
}
